<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
<!--For Menu-->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="../../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>
<script src="../../ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>Home</span></a> </li>
        <li><a href="#" class="sf-with-ul">Features + </a>
          <ul class="sub-menu">
            <li><a href="full-width.html"><span> Full Width</span></a></li>
            <li><a href="blog_post.html"><span>Blog Post Page</span></a></li>
            <li><a href="index_dark.html"><span>Light Skin</span></a></li>
            <li><a href="index_dark.html"><span>Dark Skin</span></a></li>
          </ul>
        </li>
        <li><a href="about.html"><span>About</span></a></li>
        <li><a href="blog.html"><span>Blog</span></a></li>
        <li><a href="portfolio.html"><span>Portfolio</span></a></li>
        <li><a href="contact.html"><span>Contact</span></a></li>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Title-->
<div class="title-outer">
  <div class="title"> Full Width <span>/ Subtitle</span>
    <div class="top-search">
      <input type="text" class="text" value="Search this site..." onfocus="if(this.value=='Search this site...')this.value='';" onblur="if(this.value=='')this.value='Search this site...';">
    </div>
  </div>
</div>
<!--Message-->
<div class="messagein">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh<br />
  euismod  dunt consectetuer sed diam adut laoreet. </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="sdo2">
    <div id="middle">
      <div class="typo">
        <div class="one_half">
          <h2 class="patrn">Blockquote</h2>
          <blockquote> This is a blockquote. Vel enim porta semper id vel metus aliquam consectetur.
            Tesque lobortis tincidunt ligula sit amet ultricies vivamus ante massa. </blockquote>
        </div>
        <div class="one_half column-last">
          <h2 class="patrn">Tabs</h2>
          <div id="tabs-63" class="tabs">
            <div class="tab-inner">
              <ul class="nav clearfix">
                <li><a href="#tab-tab-1">Tab 1</a></li>
                <li><a href="#tab-tab-2">Tab 2</a></li>
                <li><a href="#tab-tab-3">Tab 3</a></li>
              </ul>
              <div id="tab-tab-1" class="tab"> Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. </div>
              <div id="tab-tab-2" class="tab"> Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. </div>
              <div id="tab-tab-3" class="tab"> Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. </div>
            </div>
          </div>
        </div>
        <div class="one_half">
          <h2 class="patrn">Accordions</h2>
          <div id="accordion">
            <h3><a href="#">Accordion 1</a></h3>
            <div>
              <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
            </div>
            <h3><a href="#">Accordion 2</a></h3>
            <div>
              <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
            </div>
            <h3><a href="#">Accordion 3</a></h3>
            <div>
              <p> Morbi vitae pharetra felis. Aliquam egestas consectetur mi a elementum class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. 
            </div>
          </div>
        </div>
        <div class="one_half column-last">
          <h2 class="patrn">Alert Messages</h2>
          <div class="alert pink"> This is a red alert! </div>
          <div class="alert greenb"> This is a green alert!</div>
          <div class="alert light_pink"> This is a yellow alert! </div>
          <div class="alert light_blue"> This is a blue alert! </div>
        </div>
        <div class="one_half">
          <h2 class="patrn">Buttons</h2>
          <a class="btn readmore flleft green_btn" href="#">Button text</a> <a class="btn readmore flleft black_btn" href="#">Button text</a> <a class="btn readmore flleft gray_btn" href="#">Button text</a> </div>
        <div class="one_half column-last">
          <h2 class="patrn">Toggles</h2>
          <p>
          <div data-id='closed' class="toggle">
            <h4>Title goes here</h4>
            <div class="toggle-inner"> Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
              </p>
              <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            </div>
          </div>
          <div data-id='open' class="toggle">
            <h4>Title goes here</h4>
            <div class="toggle-inner"> Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
              </p>
              <p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            </div>
          </div>
        </div>
        <h2 class="patrn">Text Columns</h2>
        <div class="one_half">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_half column-last">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="clear"></div>
        <div class="one_third">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_third">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_third column-last">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="clear"></div>
        <div class="one_fourth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fourth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fourth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fourth column-last">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="clear"></div>
        <div class="one_fifth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fifth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fifth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fifth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_fifth column-last">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="clear"></div>
        <div class="one_sixth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_sixth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_sixth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_sixth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_sixth">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="one_sixth column-last">Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis</div>
        <div class="clear"></div>
        <p>This is a page with a full width layout. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis. Aliquam erat volutpat. Donec purus nibh, dapibus et ultricies sit amet, aliquam quis mi. Nulla quis nunc ac tortor lacinia malesuada. Praesent ac quam lacus, ut ultricies felis. Donec luctus justo vitae lorem congue auctor. Quisque eget nibh nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec metus leo, elementum at ultrices ac, dapibus at justo. Donec tristique hendrerit dui vitae lacinia. Suspendisse ante ligula, adipiscing porta aliquam et, rutrum nec lectus. Nulla erat risus, molestie non dapibus ac, fermentum vitae felis. Aliquam erat volutpat. Donec purus nibh, dapibus et ultricies sit amet, aliquam quis mi. Nulla quis nunc ac tortor lacinia malesuada. Praesent ac quam lacus, ut ultricies felis. Donec luctus justo vitae lorem congue auctor. Quisque eget nibh nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
      <div class="clearfix"> </div>
    </div>
  </div>
</div>
<!--Middle section End -->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>What Our Client Say</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
    </div>
    <div class="footer-details">
      <h3>What Our Client Say</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>Address:</strong> 8/3111 neqar savina vatica
        strat road, India </div>
      <div class="address"><img height="18" width="14" alt="" src="images/phone.png"> <strong>Phone:</strong> +11 (0) 556 - 124 - 1232</div>
      <div class="address"><img height="12" width="15" alt="" src="images/mail.png"> <strong>Email:</strong> <a href="#">www.cssmoban.com</a></div>
    </div>
    <div class="footer-details no-margin">
      <h3>Newsletter</h3>
      <p> Let's keep in touch! Sign up for our newsletter to recieve offers and news.</p>
      <input type="text" class="newsletter" value="Enter your email adress" onfocus="if(this.value=='Enter your email adress')this.value='';" onblur="if(this.value=='')this.value='Enter your email adress';">
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright"> &copy; Copyright 2012 Collect from <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. All Rights Reserved.</div>
    <div class="designby">More Templates <a href="http://www.cssmoban.com/">www.cssmoban.com</a>. </div>
  </div>
</div>

</body>
</html>
